'use client'
import { tools } from "@/utils/tools"
import { useEffect, useState } from "react"

export default function Banner(props){
    let {
        imageUrl,
        children,
        style
    } = props
    // useEffect(()=>{
    //     tools.typeWriter(imageText, setText, 'banner')
    // },[])
    return (
        <div className="Banner-content text-6xl text-[var(--light-text-color-text-1)] font-bold flex justify-center" style={{backgroundImage: `url(${imageUrl})`,...style}}>
            {/* {text} */}
            <div className="banner-content">
                {children}
            </div>
        </div>
    )
}